#override("title")
SpringWind - 场地列表
#end
#override("css")
<link href="#springUrl('/static/css/plugins/bootstrap-table/bootstrap-table.min.css')" rel="stylesheet">
<link href="#springUrl('/static/css/plugins/bootstrap-fileinput/fileinput.min.css')" rel="stylesheet">
<link rel='stylesheet prefetch' href="#springUrl('/static/css/less/font-awesome.min.css')">
<link rel="stylesheet" href="#springUrl('/static/css/less/score.css')" media="screen" type="text/css" />
<style type="text/css">
    .tableThreat{
        table-layout:fixed;
        empty-cells:show;
        border-collapse: collapse;
        margin:0 auto;
        border:1px solid #cad9ea;
        color:#666;
    }
    .tableThreat th {
        font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: center;
        padding: 6px 6px 6px 12px;
        background: #CAE8EA no-repeat;
    }
    .tableThreat td,.table th{
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        background: #fff;
        font-size:14px;
        padding: 6px 6px 6px 12px;
        color: #4f6b72;
        text-align: center;
    }
    .tableThreat tr.alter{
        background-color:#f5fafe;
    }
</style>
#end
#override("breadcrumb")
<li><a>评分系统</a></li><li class="active"><strong>场地列表</strong></li><li class="active"><strong id="province">$!{province}</strong></li><li class="active"><strong id="city">$!{city}</strong></li>
#end
#override("content")
<div class="row">



<!--
    <form id="myForm" class="form-horizontal" autocomplete="off" data-validator-option="{theme:'default'}">
        <table width="60%" class="tableThreat" id="tableIndex">

            <thead><th>途径</th><th>分数</th></thead>
            <tbody>


        <tr><td class="col-sm-3">地下水:</td>
            <td id="ground_water" class="col-sm-2">
            </td>
        </tr>
        <tr><td class="col-sm-3">地表水:</td>
            <td id="surface_water" class="col-sm-2">
            </td>
        </tr>
        <tr><td class="col-sm-3">土壤:</td>
            <td id="soil" class="col-sm-2">
            </td>
        </tr>
        <tr><td class="col-sm-3">空气:</td>
            <td id="air" class="col-sm-2">
            </td>
        </tr>
        <tr><td class="col-sm-3">总计得分:</td>
            <td id="score" class="col-sm-2" style="color: red">
            </td>
        </tr>
            </tbody>
        </table>

        <div class="form-group" style="margin-top: 3%">
            <div class="text-center">
                <a class="btn btn-primary" href="javascript:history.go(-1)">返回</a>
            </div>
        </div>

    </form>
-->

    <div class="counter col_fifth">
        <i class="fa fa-code fa-2x"></i>
        <h2 class="timer count-title" id="ground_water" data-to="$!{groundWater}" data-speed="1500"></h2>
        <p class="count-text ">地下水</p>
    </div>

    <div class="counter col_fifth">
        <i class="fa fa-tint fa-2x"></i>
        <h2 class="timer count-title" id="surfaceWater" data-to="$!{surfaceWater}" data-speed="1500"></h2>
        <p class="count-text ">地表水</p>
    </div>

    <div class="counter col_fifth">
        <i class="fa fa-road fa-2x"></i>
        <h2 class="timer count-title" id="soil" data-to="$!{soil}" data-speed="1500"></h2>
        <p class="count-text ">土壤</p>
    </div>

    <div class="counter col_fifth">
        <i class="fa fa-cloud fa-2x"></i>
        <h2 class="timer count-title" id="air" data-to="$!{air}" data-speed="1500"></h2>
        <p class="count-text ">空气</p>
    </div>

    <div class="counter col_fifth end">
        <i class="fa fa-calculator fa-2x"></i>
        <h2 class="timer count-title" id="score" data-to="$!{score}" data-speed="1500"></h2>
        <p class="count-text ">总分</p>
    </div>
    <div class="text-center">
        <a class="btn btn-primary" href="javascript:history.go(-1)">返回</a>
    </div>
</div>

#end
#override("js")
<script src="#springUrl('/static/js/plugins/bootstrap-table/bootstrap-table.min.js')"></script>
<script src="#springUrl('/static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js')"></script>
<script src="#springUrl('/static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js')"></script>
<script src="#springUrl('/static/plugins/layer-v2.2/layer/layer.js')"></script>
<!--<script src="#springUrl('/static/js/base_list.js')"></script>-->
<script src="#springUrl('/static/js/common.js')"></script>
<script src="#springUrl('/static/js/score.js')"></script>
<script src="#springUrl('/static/plugins/nice-validator-0.8.1/jquery.validator.js')"></script>
<script type="javascript" src="#springUrl('/static/js/plugins/bootstrap-fileinput/fileinput.min.js')"></script>
<script type="javascript" src="#springUrl('/static/js/plugins/bootstrap-fileinput/zh.js')"></script>
<script type="text/javascript">

  /*  var groundWater = '$!{groundWater}';
    var surfaceWater = '$!{surfaceWater}';
    var soil = '$!{soil}';
    var air = '$!{air}';
    var score = '$!{score}';*/
    !function(){



      //  $("#surface_water").data-to(surfaceWater);
       /* $("#ground_water").html(groundWater);
        $("#soil").html(soil);
        $("#air").html(air);
        $("#score").html(score);*/


    }();
</script>
#end
#extends("/common/framework.html")
